.clear::after {
    content: "";
    display: block;
    clear: both;
   }
  *{
      margin: 0;
      padding: 0;
      list-style: none;
      
    }
  
    .row{
      margin: 0;
    }
    
    .shouhang {
      background-color: rgba(50,54,67);
      height: 80px;
      line-height: 80px;
      box-sizing: border-box;
      color: white;
    }
    .icon-ziliaoku {
      float: left;
      margin:0 10px 0 25px;
    }
    .shouhang>p {
      float: left;
      font-size: 25px;
      margin-bottom: 0;
    }
  
    .caidan {
      padding: 0;
      color: white;
      background-color: rgba(50,54,67);
      font-size:20px;
      line-height: 50px;
      cursor: pointer;
      box-sizing: border-box;
      border: 1px solid rgba(50,54,67);
     
    }
    .caidan p{
      border-top: 0.05px solid white;
      border-bottom: 0.05px solid white;
      margin-bottom: 0;
      text-align: center;
    }
    .caidan a{
      color: white;
      text-decoration: none;
    }
    .caidan p:hover {
      background-color: rgb(253,189,4);
      color:black;
    }
      .suoyin {
        height: 30px;
        margin-top:30px;
        margin-left:20px
      }
      .suoyin>div>p>a{
        color: rgb(153,153,153);
        text-decoration: none;
      }
      .suoyin>div>p>a:hover{
        color:rgba(202,150,2)
      }
      .suoyin>div>p>span>a{
        color: rgb(153,153,153);
        text-decoration: none;
      }
      .suoyin>div>p>span>a:hover{
        color:rgba(202,150,2)
      }
      .btns {
        margin-top:20px;
        margin-left:85%;
        font-size:18px
      }
      .yellow {
        background-color: rgba(253,189,4);
        width: 50px;
        height: 30px;
        line-height: 30px;
        cursor: pointer;
        text-align: center;
        float: left;
        border-radius: 5px;
      }
      .change {
        background-color: rgba(253,189,4);
        width: 50px;
        height: 30px;
        line-height: 30px;
        cursor: pointer;
        text-align: center;
        border-radius: 5px;
        margin-left: 10px;
        display: none;
      }
      .btns>div:nth-of-type(2) {
        margin:0 10px
      }
      .btns>div:nth-of-type(3) {
        background-color: rgba(255,0,0);
        width: 50px;
        height: 30px;
        line-height: 30px;
        cursor: pointer;
        text-align: center;
        float: left;
        border-radius: 5px;
      }
      .kuang {
        margin: 26.5px 20px auto 20px;
        border:1px solid black;
      }
      .banner_1>p{
        margin:20px 0 0 20px; 
        float: left;
        font-size: 17px;
      }
      .kuang>.banner_1>div {
        float: left;
        background-color: rgba(4,4,207);
        color: white;
        width: 50px;
        height: 30px;
        line-height: 30px;
        cursor: pointer;
        text-align: center;
        margin:20px 0 0 84.2%;
        border-radius:5px;
      }
      .btns>div:first-of-type:hover {
        background-color: rgba(202,150,2);
      }
      .btns>div:nth-of-type(2):hover {
        background-color: rgba(202,150,2);
      }
      .btns>div:nth-of-type(3):hover {
        background-color: rgba(202,150,2);
      }
      .banner_1>p{
        margin:20px 0 0 20px; 
        float: left;
        font-size: 17px;
      }
      .kuang>.banner_1>div {
        float: left;
        background-color: rgba(4,4,207);
        color: white;
        width: 50px;
        height: 30px;
        line-height: 30px;
        cursor: pointer;
        text-align: center;
        margin:20px 0 0 84.2%;
        border-radius:5px;
      }
      .kuang>.banner_1>div:first-of-type:hover {
        background-color: rgba(202,150,2);
      }
      .banner_2{
        margin:20px 0 20px 20px;
        font-size: 17px;
      }
      .checkbox_1{
        margin:10px 0;
      }
    
